﻿/*	
Theme Name: webtoolkit
Version: 1
Author: webtoolkit
Author URI: http://www.webtoolkit.info
*/


/*Small reset*/
body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p,input,select,legend,textarea,fieldset{ margin:0; padding:0;}

/*
-) BASIC CONTAINERS
-) HEAD
-) SLIDESHOW
-) FOOTER
-) SIDEBAR
-) CONTENT AREA
-) GALLERY
-) GENERIC
-) FORM ELEMENTS
-) COMMENTS
*/


/************************************************************************
-) BASIC CONTAINERS
*************************************************************************/
body, input, textarea, select{
font-size:13px;
font-family: Arial, Helevtica, Verdana, san-serif;
line-height:23px;
position:relative;
}

.wrapper{ /*div for perfect centering of large scale background images*/
width:100%;
position:relative;
display:table;
z-index: 1;

}

.center{ /*center content area */
position: relative;
margin:0 auto;
width:910px;
padding:0px 35px;
}

#head{ /*head area, which contains main menu and logo*/
z-index: 100;
position:relative;

}

#main{ /*main area, contains all content and sidebars*/
float:left;
padding:20px 0 30px 0;
position:relative;
width:100%;
}

.entry{
position: relative;
overflow: hidden;
clear:both;
float: left;
width:610px;
padding:12px;
margin-bottom:20px;
}

.content{
position: relative;
float:left;
width:633px;
padding:0 9px 0 0;
}

.fullwidth .content{
width:100%;
padding:0;
margin:0;
background: transparent none;
}

.fullwidth .entry{
width:884px;
}

.sidebar{
position: relative;
width:260px;
float:left;
padding: 0 0 0 8px;
}

.fullwidth .sidebar{
display:none;
}




/*column widths for fullwidth pages and reduced width pages*/

#top .wrapper .center .last{
margin-right:0px;
}

/*Reduced width: eg pages with sidebars*/
.one_fourth{display:block; overflow:hidden; float:left; position: relative; font-size:12px;  margin-right:16px; width:140px;}
.one_third{display:block; overflow:hidden; float:left; position: relative; margin-right:16px; width:192px; }
.one_half{display:block; overflow:hidden; float:left; position: relative; margin-right:16px; width:297px; }
.three_fourth{display:block; overflow:hidden; float:left; position: relative; font-size:12px; margin-right:16px; width:454px; }
.two_third{display:block; overflow:hidden; float:left; position: relative; margin-right:16px; width:402px; }

/*Fullwidth*/
.fullwidth .one_fourth{width:209px;}
.fullwidth .one_third{width:284px;}
.fullwidth .one_half{width: 434px;}
.fullwidth .three_fourth{width:659px;}
.fullwidth .two_third{width:584px;}


/************************************************************************
-) HEAD
*************************************************************************/

#top .logo, .logo a{
display:block;
height:37px;
width:227px;
position:absolute;
left:0px;
top:30px;
border: none;
padding: 0;
margin:0;
overflow: hidden;
}

#top .logo a, #top .logo a:hover{
top:0;
left:0;
text-indent:-9999px;
outline:none;
border: none;
}

#top #head .logoimg, #top #head .logoimg a, #top #head .logoimg a img{
text-indent:0;
background-image: none;
border:none;
}

#wrapper_head{
z-index: 10;
}


#headextras{
position: absolute;
right:0px;
padding:14px 14px 10px 0px;
top:20px;
width:328px;
z-index: 10;
}


/*social bookmark icons*/
.social_bookmarks{
border:none;
display: block;
float: right;
list-style-type: none;
list-style-position: outside;
padding:5px 5px 0 0;
position: relative;
z-index: 6;
}

.social_bookmarks li{
float:left;
margin:0;
width:16px;
padding:0 7px 0 0;
}

.social_bookmarks li a{
height:16px;
width:16px;
display: block;
float:left;
text-indent: -9999px;
border:none;
padding:0;
outline: none;
}

#submit_news{
position: absolute;
right:20px;
top:132px;
text-decoration: none;
display: block;
padding-right:28px;
line-height: 22px;
font-size: 12px;
z-index: 10; 
}

/*searchform head*/
#head #searchform{
float:right;
}

#searchform, #searchform div{
position: relative;
}








#head #searchsubmit{
border:medium none;
cursor:pointer;
display:block;
height:35px;
outline:none;
padding:0;
position:absolute;
text-indent:-9999px;
width:35px;
right:-6px;
top:-6px;
}

#head #s{
border: none;
width:200px;
color:#ccc;
top:0;
height:15px;
}

#feature_info{
padding:20px 0 0 0;
position: relative;
top:4px;
}


/*navigation*/

#top #nav, #top .nav {
bottom:0;
height:32px;
left:0;
line-height:32px;
position:absolute;
z-index:100;
font-size: 12px;
}

#nav #home, .nav #home{
text-indent: -9999px;
width:45px;
}

#nav, #nav ul, .nav, .nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:32px; 
z-index:5;
}

#top #nav a, #top .nav a{
display:block;
float:left;
padding:4px 17px;
border: none;
text-decoration: none;
line-height: 24px;
outline: none;
}

#top #nav ul a, #top .nav ul a{
line-height:30px; 
}

#top #nav li, #top .nav li{
margin-right:3px;
float:left;
position:relative;
z-index:20;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
border-top-left-radius: 3px;
border-top-right-radius:3px;
}

#top #nav li li, #top .nav li li{
border-left:none;
margin:0;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
border-top-left-radius: 0px;
border-top-right-radius:0px;
}

#top #nav ul, #top .nav ul {
position:absolute;
display:none;
width:192px;
top:32px;
left:-1px;
}

#top #nav li ul a, #top .nav li ul a{
float:left;
height:auto;
line-height:20px;
padding:6px 21px;
text-align:left;
width:150px;
}

#top #nav ul ul, #top .nav ul ul{
top:auto;
border-top:none;
}	

#top #nav li ul ul, #top .nav li ul ul {
left:192px;
top:-1px;
}

#top #nav li:hover ul ul, #top #nav li:hover ul ul ul,#top  #nav li:hover ul ul ul ul{
display:none;	
}
#top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul{
display:block;
}

#top .nav li:hover ul ul, #top .nav li:hover ul ul ul,#top  .nav li:hover ul ul ul ul{
display:none;	
}
#top .nav li:hover ul, #top .nav li li:hover ul, #top .nav li li li:hover ul, #top .nav li li li li:hover ul{
display:block;
}

/************************************************************************
-) SLIDESHOW
*************************************************************************/

#top .entry .feature_wrap {
padding:0px 0px 35px;
position:relative;
width:auto;
width:100%;
}

.feature_wrap {
position:relative;
}

#top .medium_sized_slider, #top .medium_sized_slider .featured {
height:260px;
position:relative;
width:610px;
}
.featured_inside {
overflow:hidden;
position:relative;
width:910px;
}

.featured_inside, .featured, .fadeout {
height:390px;
}

#top .entry .slidecontrolls {
bottom:-7px;
left:0;
position:relative !important;
top:auto;
z-index:10;
}

#top .slidecontrolls a {
cursor:pointer;
display:block;
float:left;
height:12px;
outline:medium none;
padding:2px;
width:12px;
}

#top .featured_inside a img{
border:none;
}


/************************************************************************
-) SIDEBAR
*************************************************************************/
.sidebar{
font-size: 11px;
line-height: 21px;
}

.sidebar .box{
width:258px;
padding:10px;
margin-bottom: 20px;
float:left;
position: relative;
}

#top #main .display{
font-size: 14px;
display: block;
float: left;
width:110px;
margin-right:8px;
text-align: center;
margin-bottom: 20px;
outline: none;
padding:5px 10px;
}

.display_buttons{

float: left;
width: 100%;
}

#top div .display, #top div .display:hover{
text-decoration: none;
cursor: pointer;
}

#top #main #item_large{
margin-right:0;
}

.display span{
width:57px;
padding-left:33px;
display: block;
float: left;
cursor: pointer;
}

.sidebar .box ul{
float: left;
list-style-position: outside;
list-style-type: none;
width:100%;
}

#top div .sidebar .sub-menu{
padding:0 0 0 20px;
width:auto;
}

.sidebar .box ul li{
float: left;
width:100%;
display: block;
}

#top .sidebar .widget_archive ul li, #top .sidebar .widget_meta ul li, #top .sidebar .widget_categories ul li, #top .sidebar .special_cat ul li{
width:50%;
}

#top .sidebar .children, #top .sidebar .sub-menu{
border:none;
padding: 0;
margin: 0;
}


#top .sidebar .box ul li a{
padding:4px 5px 3px 19px;
display: block;
}

#top .link_list{
border:none;
background: transparent none;
padding: 0;
width: 100%;
margin-bottom:5px;
}

#top .link_list a{
display: block;
float: left;
margin:0 10px 5px 0;
}

#top .link_list .second{
margin:0 0 5px 0;
}

#top .link_list a img{
padding: 0;
border: none;
display: block;
float: left;
}


.box img{
padding: 3px;
border:1px solid;
}

.box_entry h4{
padding:10px 0 0 0;
margin: 0;
top:5px;
}

#top .widget_ratings img{
border:none;
padding: 0;
}

#top .widget_ratings ul li {;
width:100%;
}
/************************************************************************
-) CONTENT AREA
*************************************************************************/
#top .bloghead{
width:548px;
}

.entry .date{
float:left;
font-weight:bold;
height:46px;
margin:4px 10px 0 0;
position:relative;
text-align:center;
text-transform:uppercase;
width:50px;
}

.entry .date_day{
display: block;
font-size: 23px;
position: relative;
top:3px;
}

.entry .date_month{
display: block;
font-size: 13px;
}

.entry-head{
float:left;
font-size: 11px;
}

.entry-head h1{
top:3px;
}

.entry-head h1 a, .entry-head h1 a:hover{
text-decoration: none;
}

#top .entry-head .post-ratings{
position: relative;
top:-3px;
left:auto;
right:auto;
float:left;
}

.entry-head span{
float:left;
position: relative;
top:-1px;
display: block;
padding:0 5px;
line-height:11px;
margin:0 0 7px;
}



#top .author{
padding: 0 5px 0 0;
}

.entry-content{
clear:both;
}

#top .entry-head  .rating_label, #top .entry-head .categories{
border:none;
}


/*wp-pagenavi*/

#top .wp-pagenavi {
clear:both;
padding:5px 0 60px 0;
position:relative;
z-index:3;

}

#top .wp-pagenavi span, #top .wp-pagenavi a {
display:block;
float:left;
font-size:11px;
line-height:13px;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
}


#top .wp-pagenavi .current{
font-size:11px;
padding:6px 9px 5px 9px;
}

.archiveentry .alignleft{
margin: 12px 10px 0 0;
}


/************************************************************************
-) GALLERY
*************************************************************************/

#top .the_gallery .entry, #top .box_entry, #top .commententries{
border:none;
background: transparent none;
width:100%;
padding: 0;
margin:0;
}

.the_gallery{
overflow: visible !important;
}

.the_gallery .entry{
position: static;
}

.gallery_entry{
float: left;
width:300px;
margin:0 16px 18px 0;
position: relative; 
font-size:12px; 
line-height:1.7em; 
}

.gallery_inner{ 
float:left; 
width:280px;
height:190px;
border: 1px solid;
padding:9px 9px 0 9px;
}

.

.gallery_entry a img{
border:none;
position: absolute;
top:0;
left: 0;
}

.gallery_excerpt{
padding:5px;
height:122px;
overflow: hidden;
visibility: hidden;
}

.gallery_entry .comment_link a{
position: absolute;
right:12px;
top:147px;
padding:0 20px 0 0;
font-size: 11px;
}

.gallery_entry h3 {
padding:5px 8px 0;
font-size: 12px;
}

#top .post-ratings{


overflow: hidden;
z-index: 10;
}

.post-ratings-loading {
display:none !important;
}

#top .post-ratings img{

padding-right:1px;
display: block;
float: left;
}

#top .star{
float:left;
height:12px;
width:12px;
display: block;
cursor:pointer;
padding:0 1px 0 0;
top:auto;
border: none;
}

#top .item_big{
display:none;
}

.featured_entry{
height:58px;

width:58px;
display: block;
position: absolute;
right: 0;
top:0;
z-index: 5;
}



/************************************************************************
-) GENERIC
*************************************************************************/


.content a img, .content  a:hover img{
border: none;
}

a{
text-decoration: none;
text-decoration: underline;
}

a:hover{
text-decoration: none;
}

h1, h2, h3, h4, h5, h6, legend, .sliderheading {
font-family:"Trebuchet MS",Arial,Helvetica,san-serif; 
font-weight:bold;
letter-spacing:0.4px;
line-height:1.4em;
padding-bottom:5px;
position:relative;
}

#top .siteheading a, .box_entry h4 a{
text-decoration: none;
}

h1{clear:both; font-size:24px; font-weight:normal;}
h2{font-size:20px; clear:both; font-weight:normal;}
h3, legend{font-size:13px; clear:both;}
h4{font-size:13px; clear:both; font-weight:normal;}
h5{font-size:12px; clear:both;}
h6{font-size:12px; clear:both; font-weight:normal;}

p{ padding: 0.5em 0;}

#main ul, #main  ol {
margin-bottom:10px;
}

blockquote p{
padding:11px 0px;
}

.pullquote_right {
float:right;
margin:2% 0 2% 4%;
padding:0 0 0 70px;
width:40%;
}

.pullquote_left {
float:left;
margin:2% 4% 2% 0;
padding:0 0 0 70px;
width:40%;
}

blockquote {
font-family:Georgia,"Times New Roman",Times,serif;
clear:both;
font-size:1.2em;
font-style:italic;
line-height:1.6em;
margin:0 0 22px 0;
padding:0 0 0 70px;
}

.floatleft{
float:left;
}

.floatright{
float:right;
}

.clearboth{
clear:both;
display:block;
}

body .alignleft{
float:left;
margin:5px 10px 0px 0;
display: block;
}

#top .alignleft .alignleft {
margin:0 0 10px;
}

.sidebar .alignleft, #footer .alignleft{
margin:10px 10px 0px 0;
}

#top .small_block{
padding-bottom:15px;
}

#top .small_block .alignleft{
margin:0px 10px 0 0;
}

body .alignright{
float:right;
margin:5px 0px 0px 10px;
display: block;
}

.sidebar .alignright, #footer .alignright{
margin:10px 0px 0px 10px;
}

body .aligncenter{
clear:both;
display:block;
margin:10px auto;
padding: 10px 0;
}

.alignleft img, .alignright img{
display:block;
} 


.rounded, .rounded_small, .sidebar .box, .gallery_inner, .display, #top .wp-pagenavi span, #top .wp-pagenavi a, .entry, .text_input, .button, textarea, .tooltip, .comment_content, .gravatar img, .date, .more-link, .wp-caption {
-moz-border-radius: 3px;
-webkit-border-radius:3px;
border-radius:3px;
}

#top .noborder, #top .noborder img{
border:none;
padding:0;
background: transparent;
}


#top div .hidden{
display:none;
}

#top .wp-caption {
margin:12px 15px 10px 0;
border:1px solid;
padding:5px;
}

#top .wp-caption img {
border:medium none;
display:block;
margin:0 auto;
padding-top:5px;
}

.wp-caption-text {
display:block;
font-size:11px;
font-style:italic;
margin:0 auto;
padding:3px 0 5px;
text-align:center;
width:95%;
}

.entry ul li {
list-style-type:none;
padding:3px 0px 3px 10px;
}

.entry ol li{
list-style-type: decimal;
list-style-position: inside;
padding:3px 0px 3px 0;
}

pre{
font-family:"Andale Mono","Courier New",Courier,Monaco,monospace;
font-size:11px;
margin:15px 0;
padding:15px;
}

.dropcap1{
display:block;
float:left;
font-size:40px;
line-height:40px;
margin:4px 8px 0 0;
}

.dropcap2{
display:block;
float:left;
font-size:24px;
line-height:42px;
width:40px;
text-align: center;
margin:4px 8px 0 0;
}

.dropcap3{
display:block;
float:left;
font-size:25px;
line-height:38px;
padding-top: 2px;
width:40px;
text-align: center;
margin:4px 8px 0 0;
}

/*lightbox*/

#top .pp_nav p {
margin:0px 4px;
font-size: 11px;
padding: 0;
line-height: 18px;
}

.preloading{
display: block;
}

/*Tables*/
.entry table {
	width: auto;
	padding: 0;
	margin: 0;
}

.entry caption {
	padding: 0 0 5px 0;
	width: auto;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

.entry th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #555;
}

.entry th.nobg {
	border-top: 0;
	border-left: 0;
	background: none;
}

.entry td {
	padding: 6px 6px 6px 12px;
}

.entry th.spec {
	border-top: 0;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.entry th.specalt {
	border-top: 0;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}


.hr{
padding:20px 0;
position: relative;
clear: both;
display: block;
position: relative;
}

.hr a{
position: absolute;
right:0;
top:0;
padding:0 0 0 10px;
font-size: 11px;
text-decoration: none;
outline: none;
}

.more-link {
display:block;
font-size:11px;
line-height:23px;
margin-top:5px;
padding:2px 3px 1px;
text-align:center;
width:78px;
text-decoration:none;
}

.archive .more-link {
display:inline-block;
}

.js_active .item_small, .js_active .feature_wrap img{
visibility: hidden;
}

/************************************************************************
-) FORM ELEMENTS
*************************************************************************/
.fieldset{
border:none;
padding: 0;
margin:0;
}

.text_input, textarea, select{
border-width: 1px;
border-style: solid;
font-family: Arial, Helevtica, Verdana, san-serif;
}

/*searchform*/
#searchform{
float:right;
position: relative;
}

#searchsubmit{
border:medium none;
cursor:pointer;
display:block;
height:35px;
outline:none;
padding:0;
position:absolute;
right:-8px;
text-indent:-9999px;
top:4px;
width:35px;
z-index: 2;
}

#s{
border: none;
width:200px;
padding:5px 30px 5px 10px;
color:#ccc;
position: relative;
top:10px;
}

/*Contact Form*/
fieldset{
border:none;
}

.ajax_form .text_area{
padding:10px;
width:500px;
}

.ajax_form .text_input{
width:250px;
margin-right:10px;
}

.ajax_form h3{
border:none;
}

.ajax_form p{
padding: 0 0 10px 0;
}

.ajax_form label{
font-size: 11px;
font-weight: bold;
}

/* FOOTER */

#footer_wrapper	{width:100%; background:url(images/footer_bg.png); border-top:1px solid #3e3e3e;}
#footer	{ width:990px; margin:0 auto; padding:10px 0; background:url(images/footer_bg_light.png) no-repeat center top; color:#adadad; }
#footer a	{ color:#FFF; text-decoration:none;}
#footer a:hover	{ color:#FFF; text-decoration:underline;}

/* FOOTER - COLUMNS LAYOUT FOR WIDGETS */
#footer .col1	{ width:960px; float:left;}

.themesthumb{width:290px;float:left;margin:10px 0 10px 13px;}
.wdpr_icn {background:url(images/wordpress.png) no-repeat left; padding:5px 8px 5px 58px; }
.joomla_icn {background:url(images/joomla.png) no-repeat left; padding:5px 38px 5px 58px;}
.blogger_icn {background:url(images/blogger.png) no-repeat left; padding:5px 24px 5px 58px;}
.drupal_icn {background:url(images/drupal.png) no-repeat left; padding:5px 24px 5px 58px;}
.html_icn {background:url(images/html.png) no-repeat left; padding:5px 24px 5px 58px;}
.viewdemo {background:url(images/search.png) no-repeat left; }
#top .themetags li{float:left;margin:0 10px;border:none;}
.themetags{width:100%;border:none;}

.addthis_toolbox.addthis_pill_combo a {
    float: left;margin-right: 20px;
}
.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet {
    margin-top: -2px;
}
.addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
}   
#top #partners ul li{
	white-space:nowrap;
	border:none;
    width:100%;
    float: left;
}  
#top #partners ul{
	border:none;
}
#top #partners ul li a{
	display:inline;
	background:none;
	padding:0;
	border:none;
}   

#top pre {
		width: 560px;
		display: block;
		line-height: 20px;
		overflow-x: auto;
		font-family: 'courier new', monospace;
		font-size: 13px;
		padding: 5px 10px;
		border: 2px solid #EFEFEF;
		margin-top: 3px;
		margin-bottom: 10px;
		background: url(images/paperbg.gif);
		color: #555555;
	}
	
		* > pre {
			overflow: auto;
		}
		
		li pre {
			width: 400px;
		}
		
#theme-screenshot {position:relative;background:url(images/bg-intro-theme.png) no-repeat;width:462px;height:227px;display:block;margin-top:26px;padding-top:28px;padding-bottom:30px;overflow:hidden;}
#theme-screenshot-bottom {position:relative;background:url(images/bg-intro-theme-bottom.png) no-repeat;width:462px;height:11px;display:block;padding-bottom:30px;overflow:hidden;}
.single-theme-slider-button { position: absolute; top:50%; left:200px; width: 90px; height:30px; background:url(images/btn-demo.png); display: none;  cursor: pointer; -moz-opacity: 0.3; opacity: 0.3; filter: alpha(opacity = 30);  }

.gallery-image { float: left; position:relative; background:url(images/bg-theme-300.png) no-repeat;width:300px; height:207px; }
.gallery-image a { display:block; padding-top:18px; height:184px; overflow:hidden; }
.gallery-image a:hover { background-image: url(images/theme-hover.png); background-repeat:no-repeat; background-position: 50%; }
.gallery-item { width:300px; float:left; margin:0 30px 20px 0; padding:0; border-bottom:1px solid #e3e3e3; }
.gallery-item .meta { height:16px; padding:12px 0;}
.gallery-item .date { color:#999; line-height:18px; font-size:11px;border:0: }
.fr, .col-right {float:right;}
.fl, .col-left {float:left;}

/* Navigation*/
#navlist
{
	font-size: 1.3em;
	height:54px;
	padding:0;
	margin:0;
	font-weight: bold;
}

#navlist li
{
	list-style: none;
	margin: 0;
	display: inline;
}

#navlist li a
{
	height: 44px;
	padding-top: 17px;
	color: #cccccc;
	padding-right: 20px;
	padding-left: 20px;
	text-decoration: none;
	float: left;
	margin-right: 1px;
	background: url(images/navi_trenner.png) no-repeat right top;
}

#navlist li a:link, #navlist li a:visited { 
	color: #cccccc; 
}

#navlist li a:hover {
	color: #ffffff;
	background: url(images/bg_navi_hover.png) no-repeat center top;
}

#navlist li a#current, #navlist li a:hover#current
{
	color: #ffffff;
	background: url(images/bg_navi.png) no-repeat center top;
}
#header_top_u
{
	font-size: 70.5%;
	font-family: Arial,Helvetica,sans-serif;
	background: url(images/header_top_u.gif) repeat-x;
	margin-top: 8px;
}

.entry .blue-button, .entry .green-button {
	color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: Arial,sans-serif;
    font-size: 19px;
    font-weight: 200;
    height: 47px;
    line-height: 44px;
    overflow: hidden;
    text-align: center;
    width: 205px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
    font-weight:bold;
}

.entry .blue-button a,.entry  .green-button a {color: #FFFFFF;text-decoration: none; display: block; }
.entry .blue-button {background: url('images/blue-button-lg.png') no-repeat top left;}
.entry .green-button {background: url('images/green-button-lg.png') no-repeat top left;}
.entry .blue-button:hover, .entry .green-button:hover {background-position: 0px -47px;}
.entry .blue-button:active,.entry  .green-button:active {background-position: 0px -94px;}
.entry .try-demo { margin: 0 auto; }